<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:icecore="http://www.icefaces.org/icefaces/core"
	xmlns:ace="http://www.icefaces.org/icefaces/components"
	xmlns:ice="http://www.icesoft.com/icefaces/component">
	<f:loadBundle var="etiqueta" basename="etiquetas"></f:loadBundle>
	<f:loadBundle var="constante" basename="constantes"></f:loadBundle>
	<h:head>
		<title>#{etiqueta['titulo']}</title>
		<link rel="stylesheet" type="text/css"
			href="../estilos/css/rime/rime.css" />
		<link rel="stylesheet" type="text/css"
			href="../estilos/css/estilos.css" />
	</h:head>
	<h:body>
		<ui:include src="/menuTemplate.xhtml" />
		<h:form>
			<ice:panelGroup styleClass="100per centrarGrupo" >
				<div align="center">
					<ice:panelGrid style="width:80%">
						<ice:panelGrid styleClass="100per izquierdaGrupo">
							<!-- Agregar producto -->
							<f:facet name="header">
								<div align="center">
									<ice:outputText value="#{etiqueta['materiaPrima.titulo']}" ></ice:outputText>
								</div>
							</f:facet>
							<ice:panelGrid columns="2" styleClass="100per">
								<!-- Panel info materia prima-->
								<ice:outputText value="#{etiqueta['materiaPrima.referencia']}"></ice:outputText>
								<ice:inputText value="#{materiaPrimaBean.materiaPrima.referencia}"></ice:inputText>
								
								<ice:outputText value="#{etiqueta['materiaPrima.nombre']}"></ice:outputText>
								<ice:inputText value="#{materiaPrimaBean.materiaPrima.nombre}"></ice:inputText>
								
								<ice:outputText value="#{etiqueta['materiaPrima.presentacion']}"></ice:outputText>
								<ice:inputText value="#{materiaPrimaBean.materiaPrima.presentacion}"></ice:inputText>
								
								<ice:outputText value="#{etiqueta['materiaPrima.precioPromedio']}"></ice:outputText>
								<ice:inputText value="#{materiaPrimaBean.materiaPrima.precio}"></ice:inputText>
								
								<ice:outputText value="#{etiqueta['materiaPrima.peso']}"></ice:outputText>
								<ice:panelGrid columns="2">
									<ice:inputText value="#{materiaPrimaBean.materiaPrima.peso}"></ice:inputText>
									
									<ice:selectOneListbox value="#{materiaPrimaBean.materiaPrima.tipoMasa.idopciones}"
										size="1">
										<f:selectItems value="#{materiaPrimaBean.itemsTiposMasa}"/>
									</ice:selectOneListbox>
								</ice:panelGrid>
								
								<ice:outputText value="#{etiqueta['materiaPrima.inventario']}"></ice:outputText>
								<ice:inputText value="#{materiaPrimaBean.materiaPrima.inventario}"></ice:inputText>
								
								<ice:outputText value="#{etiqueta['materiaPrima.observaciones']}"></ice:outputText>
								<ice:inputTextarea value="#{materiaPrimaBean.materiaPrima.observaciones}" maxlength="250">
								</ice:inputTextarea>
							</ice:panelGrid>
							<div align="center">
								<ice:panelGrid columns="2">
									<ice:commandButton value="#{etiqueta['boton.guardar']}" actionListener="#{materiaPrimaBean.guardarMateriaPrima}"
										rendered="#{not materiaPrimaBean.editandoMateriaPrima}"></ice:commandButton>
									<ice:commandButton value="#{etiqueta['boton.editar']}"
										rendered="#{materiaPrimaBean.editandoMateriaPrima}" 
										actionListener="#{materiaPrimaBean.editarMateriaPrima}"></ice:commandButton>
									<ice:commandButton value="#{etiqueta['boton.cancelar']}"
										rendered="#{materiaPrimaBean.editandoMateriaPrima}" 
										actionListener="#{materiaPrimaBean.cancelarEdicionMateriaPrima}"></ice:commandButton>
								</ice:panelGrid>
								<ice:commandButton value="#{etiqueta['boton.consultar']}" actionListener="#{materiaPrimaBean.consultarMateriasPrimas}"></ice:commandButton>
							</div>
						</ice:panelGrid>
						<ice:panelGrid styleClass="100per" columnClasses="centrarGrupo" columns="1">
							<style type="text/css">
					            /* Important required because row */
					            .ui-datatable-odd {background-color:lightgray !important;}
					        </style>
							<ace:dataTable id="listaMateriasPrimas"
								rows="10"
								var="materiaPrima"
								value="#{materiaPrimaBean.listaMateriasPrimas}"
								paginator="true"
					            paginatorPosition="bottom">
								<f:facet name="header">
									<div align="center">
										<ice:outputText value="#{etiqueta['materiaPrima.tabla.titulo']}"></ice:outputText>
									</div>
								</f:facet>
								
								<ace:column headerText="#{etiqueta['materiaPrima.tabla.acciones']}">
									<ice:panelGrid columns="3">
										<ice:commandButton title="#{etiqueta['boton.editar']}"
											actionListener="#{materiaPrimaBean.seleccionarMateriaPrimaEditar}"
											image="../estilos/css/imagenes/pen-16.gif">
											<f:attribute name="idMateriaPrima" value="#{materiaPrima.idmateriaPrima}"/>
										</ice:commandButton>
										<ice:commandButton title="#{etiqueta['boton.eliminar']}" 
											image="../estilos/css/imagenes/Actions-edit-delete-icon.png"
											panelConfirmation="eliminarMateriaPrima"
											actionListener="#{materiaPrimaBean.eliminarMateriaPrima}" 
											styleClass="iconsize">
											<f:attribute name="idMateriaPrima" value="#{materiaPrima.idmateriaPrima}"/>
										</ice:commandButton>
										
										<ice:panelConfirmation id="eliminarMateriaPrima" 
											autoCentre="true"
											acceptLabel="#{etiqueta['boton.aceptar']}"
											cancelLabel="#{etiqueta['boton.cancelar']}"
											message="#{etiqueta['materiaPrima.confirmacion.eliminar']}">
										</ice:panelConfirmation>
									</ice:panelGrid>
								</ace:column>
								
								<ace:column headerText="#{etiqueta['materiaPrima.tabla.referencia']}">
									<ice:outputText value="#{materiaPrima.referencia}"></ice:outputText>
								</ace:column>
								
								<ace:column headerText="#{etiqueta['materiaPrima.tabla.nombre']}">
									<ice:outputText value="#{materiaPrima.nombre}"></ice:outputText>
								</ace:column>
								
								<ace:column headerText="#{etiqueta['materiaPrima.tabla.observaciones']}" >
									<ice:outputText value="#{materiaPrima.observaciones}"></ice:outputText>
								</ace:column>
							</ace:dataTable>
						</ice:panelGrid>
					</ice:panelGrid>
				</div>
			</ice:panelGroup>
		</h:form>
	</h:body>
</html>